<!DOCTYPE html>
<html lang="en" xmlns: xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"/>
    <meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
    <title>绑定网贷银行卡 - 亿人宝贷款平台</title>
    <script th:src="@{/js/jquery-1.12.4.js}"></script>
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}"/>
    <script th:src="@{/js/bootstrap.js}"></script>
    <meta content="upgrade-insecure-requests" http-equiv="Content-Security-Policy">
    <link href="http://image.xiaoniu88.com/static/WebXn/dist/css/base-ddb0535420.css" rel="stylesheet"/>
    <script src="http://image.xiaoniu88.com/static/WebXn/dist/lib/base-6100562494.js" type="text/javascript"></script>
    <link rel="stylesheet" th:href="@{/css/base-ddb0535420 (1).css}"/>

    <script>
        window.global = {
            cdn: "//image.xiaoniu88.com",
            siteroot: "https://www.xiaoniu88.com",
            staticPath: "//image.xiaoniu88.com/static/WebXn/dist",
            contextPath: "/payment",
            serverTime: "1591919679692" * 1,
            userId: "6086292",
            isLogin: true
        }
    </script>

    <script src="//image.xiaoniu88.com/static/WebXn/dist/module/common/common-83987ed24e.js" type="text/javascript"></script>
    <script>
        $(function () {
            seajs.use('module/common/common')
        })
    </script>
    <link rel="stylesheet" th:href="@{/css/apply.css}"/>
    <link href="//image.xiaoniu88.com/static/WebXn/dist/page/payment/deposit/apply/css/apply-73c8a78781.css" rel="stylesheet"/>
</head>
<body>
<input id="emcode" type="hidden"/>
<input id="checked" type="hidden"/><!--th:value="${session.applyType}"-->

<div class="affiche" id="afficheModel">

<span>小牛在线提醒您：为了更流畅的访问本网站，建议您使用IE9.0及以上版本浏览器或360浏览器。
	<a class="link" href="http://se.360.cn" rel="nofollow" target="_blank">点击进入360官网下载&gt;&gt;</a>
</span>
    <i class="icon-common icon-common-close"></i>
</div>


<!--<header th:replace="/common::commonHeader"></header>

&lt;!&ndash;导航&ndash;&gt;
<div th:replace="/common::commonNav"></div>-->
<div class="row">
    <div th:replace="loan/public::head"></div>
</div>
<div class="container" style="width: 100%;">
    <div class="g-account-main">
        <div class="path">您现在的位置：我的账户 &gt;
            <span id="pathTitle">绑定网贷银行卡</span>
        </div>
        <div class="center user-box">

            <!--start 我的账户左边菜单列表--><!--th:replace="/user/AccountSafe::usersafe"-->
            <!--<div th:replace="AccountSafe::usersafes"></div>-->
            <div th:replace="loan/alone/AccountOverview::inflist"/>


            <!-- 左侧当前选中菜单 -->
            <div class="account-cont" id="contanier">
                <h3 style="height: 45px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding: 16px 0px 0px 21px;">我的贷款</h3>
                <div style="    margin-top: 10px;
    height: 50px;
    background-color: #658297">
                    <a href="#" onclick="loan()">
                        <div style="float: left;
    width: 200px;
    height: 40px;
    font-size: 20px;
    font-weight: 800;
    line-height: 40px;
    text-align: center;
    /* background-color: darkgray; */
    color: #fff;
    margin: 5px 0px 0px 353px;
  ">我的贷款
                        </div>
                    </a>
                </div>
                <div id="loan">
                    <div class="panel panel-default">
                        <table class="table">
                            <thead class="card">
                            <tr>
                                <th>产品名称</th>
                                <th>借款金额</th>
                                <th>借款时间</th>
                                <th>借款期限</th>
                                <th>利息</th>
                                <th>借款状态</th>
                                <th>查看详情</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="active" th:each="entry:${session.listloan}" th:if="${session.loanis == 1}">
                                <th scope="row" th:text="${entry.loantype}"></th>
                                <td th:text="${entry.money}"></td>
                                <td th:text="${#dates.format(entry.loanstartdate, 'yyyy-MM-dd HH:mm:ss')}"></td>
                                <td th:text="${entry.loandate}"></td>
                                <td th:text="${entry.loaninterest}"></td>
                                <td th:if="${entry.loanstate==1}" th:text="审批中..."></td>
                                <td th:if="${entry.loanstate==2}" th:text="借款失败"></td>
                                <td th:if="${entry.loanstate==3}">借款成功</a></td>
                                <td><a h th:href="@{/loan/loandata(lid=${entry.applyid},loantype=${entry.getLoantype()})}">查看合同</a></td>
                            </tr>
                            <tr class="active" th:if="${session.loanis == 0}">
                                <td colspan="7" scope="row">你当前没有贷款信息</td>
                            </tr>
                            </tbody>
                            <tfoot>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="g-h30"></div>
    </div>
</div>


<div class="row">
    <!--网站底部-->
    <div th:replace="common/public::footer"></div>
</div>

</body>
<script type="text/javascript">
    $(window).bind("load", function () {
        $("#woloan").css("background", "#658297");
        $("#colorwoloan").css("color", "#fff");
    });

    function applyloan() {
        var div1 = document.getElementById('loanapply');
        div1.style.display = "block";
        var div1 = document.getElementById('loan');
        div1.style.display = "none";
    }

    function loan() {
        var div1 = document.getElementById('loanapply');
        div1.style.display = "none";
        var div1 = document.getElementById('loan');
        div1.style.display = "block";
    }
</script>
</html>